<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"   
     xmlns:h="http://java.sun.com/jsf/html"
     xmlns:f="http://java.sun.com/jsf/core"
     xmlns:ui="http://java.sun.com/jsf/facelets"  
     xmlns:p="http://primefaces.org/ui"
     template="../generales/plantillas/plantillaMain.xhtml">
     
	<ui:define name="content">
		<h:form prependId="false">
			<p:panel id="formPersona" header="#{msg['form.title']}" style="margin-bottom:10px;">
				<p:messages />
				<h:panelGrid columns="3">
					<h:outputLabel for="tipoIdentificacion" value="#{msg['form.persona.tipoIdentificacion']}: *"/>
					<p:selectOneMenu id="tipoIdentificacion" value="#{personaBean.persona.tipoIdentificacion.codigo}" required="true">
						<f:selectItem itemValue="" itemLabel="Seleccione..."/>
						<f:selectItems value="#{tipoIdentificacionBean.tiposIdentificacion}" var="tipoId" itemValue="#{tipoId.codigo}" itemLabel="#{tipoId.descripcion}"/>
					</p:selectOneMenu>
					<p:message for="tipoIdentificacion" />
					
					<h:outputLabel for="identificacion" value="#{msg['form.persona.identificacion']}: *"/>
					<p:inputText id="identificacion" value="#{personaBean.persona.identificacion}" required="true" label="#{msg['form.persona.identificacion']}">
						<f:validateLength minimum="8" />
					</p:inputText>
					<p:message for="identificacion" />
					
					<h:outputLabel for="nombre" value="#{msg['form.persona.nombre']}: *" />
					<p:inputText id="nombre" value="#{personaBean.persona.nombre}" required="true" label="#{msg['form.persona.nombre']}"/>
					<p:message for="nombre" />
				</h:panelGrid>
				<br/>
				<p:commandButton value="#{msg['form.boton.guardar']}" action="#{personaBean.grabarInformacionPersona}" ajax="false"/>
			</p:panel>
			<p:panel id="infoPersona" header="#{msg['form.titleResult']}" style="margin-top:10px;">
				<h:panelGrid columns="2">
					<h:outputText value="#{msg['form.persona.tipoIdentificacion']}: "/>
					<h:outputText value="#{personaBean.persona.tipoIdentificacion.codigo} - #{personaBean.persona.tipoIdentificacion.descripcion}" />
					
					<h:outputText value="#{msg['form.persona.identificacion']}: "/>
					<h:outputText value="#{personaBean.persona.identificacion}" />
					
					<h:outputText value="#{msg['form.persona.nombre']}: " />
					<h:outputText value="#{personaBean.persona.nombre}" />
				</h:panelGrid>
			</p:panel>
		</h:form>
	</ui:define>
</ui:composition>